<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/templates/layout.xhtml">
	<ui:define name="corpo">

		<p:growl id="mensagens" life="10000" />

		<div id="corpo">
			<div class="cadastro">
				<div id="descricao">
					<span id="descricao">Cadastro de estacionamento</span>
				</div>
				<p:fieldset>
					<p class="info">
						É necessário preencher corretamente o formulário abaixo com os
						respectivos dados cadastrais.<br /> Os campos com asterisco são
						de preenchimento obrigatório e essenciais para controle do
						estacionamento.
					</p>

					<h:form id="form-estacionamento">

						<h:inputHidden
							value="#{estacionamentoBean.estacionamento.estacionamento}" />
						<h:inputHidden value="#{estacionamentoBean.endereco.endereco}" />
						<h:inputHidden
							value="#{estacionamentoBean.prim_telefone.telefone}" />



						<!-- Dados  do responsável pelo estacionamento -->
						<p:fieldset>
							<div class="img_form_cadastro">
								<h:graphicImage library="imagens" name="cadeado.png" width="60" />
							</div>
							<span>Acesso</span>

							<h:panelGrid columns="2">
								<h:outputLabel value="Email: * " for="email" />
								<h:panelGroup>
									<p:inputText id="email" label="email"
										value="#{estacionamentoBean.estacionamento.email}" size="30"
										maxLength="30" required="true"
										requiredMessage="Informe um email">
										<f:validateLength minimum="10" maximum="30" />
										<f:validateRegex
											pattern="[a-zA-Z0-9\-\_\.]+@[a-zA-Z0-9\-\_\.]+" />
									</p:inputText>
									<span id="erro"> <h:message for="email" /> </span>
								</h:panelGroup>

								<h:outputLabel value="Senha: * " for="senha" />
								<h:panelGroup>
									<p:password id="senha" label="Senha"
										value="#{estacionamentoBean.usuario.senha}" size="15"
										maxlength="25" required="#{empty contextoBean.usuarioLogado}" redisplay="false"
										feedback="true" requiredMessage="Informe uma senha"
										weakLabel="Fraca" goodLabel="Boa" strongLabel="Forte"
										promptLabel="Por Favor insira uma senha" />
									<span id="erro"> <h:message for="senha" /> </span>
								</h:panelGroup>

								<h:outputLabel value="Confirmar Senha: * " for="confirmarsenha" />
								<h:panelGroup>
									<p:password id="confirmarsenha" label="Confirmar Senha"
										value="#{estacionamentoBean.confirmarSenha}" size="15"
										maxlength="20" required="#{empty contextoBean.usuarioLogado}" redisplay="false"
										requiredMessage="Confirme senha informada" />
									<span id="erro"> <h:message for="confirmarsenha" /> </span>
								</h:panelGroup>
							</h:panelGrid>
						</p:fieldset>

						<p:fieldset>
							<div class="img_form_cadastro">
								<h:graphicImage library="imagens" name="park.jpg" width="60" />
							</div>
							<span>Meu Estacionamento</span>
							<h:panelGrid columns="2">
								<h:outputLabel value="Nome Fantasia: * " for="nomefantasia" />
								<h:panelGroup>
									<p:inputText id="nomefantasia" label="Nome Fantasia"
										value="#{estacionamentoBean.estacionamento.nome_fantasia}"
										size="30" required="true"
										requiredMessage=" * Digite o nome do seu estacionamento">
										<f:validateLength minimum="5" maximum="50" />
									</p:inputText>
									<span id="erro"> <h:message for="nomefantasia" /> </span>
								</h:panelGroup>

								<h:outputLabel value="Cnpj: * " for="cnpj" />
								<h:panelGroup>
									<p:inputMask id="cnpj" label="Cnpj"
										value="#{estacionamentoBean.cnpj}" size="20" required="true"
										requiredMessage=" * Cnpj inválido" mask="99.999.999/9999-99" />
									<span id="erro"> <h:message for="cnpj" /> </span>
								</h:panelGroup>

								<h:outputLabel value="Razão Social: * " for="razaosocial" />
								<h:panelGroup>
									<p:inputText id="razaosocial" label="Razão Social"
										value="#{estacionamentoBean.estacionamento.razao_social}"
										requiredMessage=" * Digite a  razão social do seu estacionamento"
										required="true" size="30" />
									<span id="erro"> <h:message for="razaosocial" /> </span>
								</h:panelGroup>
								
								<h:outputLabel value="Telefone: * " for="telefone" />
								<h:panelGroup>
									<p:inputMask id="telefone" label="Telefone"
										value="#{estacionamentoBean.prim_telefone.num_telefone}"
										required="true" requiredMessage=" *Digite um telefone válido"
										size="11" mask="(99)9999-9999" />
									<span id="erro"> <h:message for="telefone" /> </span>
								</h:panelGroup>
								
							</h:panelGrid>
						</p:fieldset>
						
						
						<!-- Endereço do Estacionamento -->
					<p:fieldset>
						<div class="img_form_cadastro">
							<h:graphicImage library="imagens" name="endereco.jpg" width="80" />
						</div>
						<span>Meu Endereço </span>
						
						
						<h:inputHidden value="#{estacionamentoBean.endereco.endereco}" />

							<p:panel id="panel" style="border:0;">
								<h:panelGrid columns="2">
									<h:outputLabel for="cep" value="Cep: *" />

									<h:panelGroup>
										<h:panelGrid columns="2">
											<p:inputMask id="cep" value="#{estacionamentoBean.cep}"
												required="true" requiredMessage=" * Cep inválido"
												mask="99999-999" size="10" />
											<h:panelGroup>
												<h:commandLink
													actionListener="#{estacionamentoBean.consultaCep}">
													<h:graphicImage library="imagens" name="lupa.png" width="25" />
													<f:ajax execute="panel"   render="panel"/>
												</h:commandLink>
												<span id="erro"> <h:message for="cep" /> </span>
											</h:panelGroup>
										</h:panelGrid>
									</h:panelGroup>

									<h:outputLabel for="logradouro" value="Logradouro : " />
									<p:inputText id="logradouro" size="30" required="true"
										value="#{estacionamentoBean.endereco.logradouro}"
										label="Logradouro" readonly="true" />

									<h:outputLabel for="bairro" value="Bairro : " />
									<p:inputText id="bairro" size="30" required="true"
										value="#{estacionamentoBean.endereco.bairro}" label="bairro"
										readonly="true" />

									<h:outputLabel for="cidade" value="Cidade : " />
									<p:inputText id="cidade" size="30" required="true"
										value="#{estacionamentoBean.endereco.cidade}" label="cidade"
										readonly="true" />

									<h:outputLabel for="uf" value="Estado : " />
									<p:inputText id="uf" size="10" required="true"
										value="#{estacionamentoBean.endereco.uf}" label="Estado"
										readonly="true" />

									<h:outputLabel for="numero" value="Número :" />
									<h:panelGroup>
										<p:inputText id="numero" size="10" required="true"
											requiredMessage=" * Digite um número " validatorMessage="Digite apenas números correspodentes de 0 a 9 ."
											value="#{estacionamentoBean.numero}" label="Numero" >
											
											<f:validateRegex pattern="([1-9]){1,5}" />
											
											</p:inputText>
										<span id="erro"> <h:message for="numero" /> </span>
									</h:panelGroup>

									<h:outputLabel for="complemento" value="Complemento : " />
									<p:inputText id="complemento" size="20"
										value="#{estacionamentoBean.complemento}" label="Complemento" />
								</h:panelGrid>
							</p:panel>
							</p:fieldset>
							
						<div align="right">
							<h:commandButton value=" Salvar "
								action="#{estacionamentoBean.salvar}" styleClass="css3button" />
						</div>
					</h:form>
				</p:fieldset>
			</div>
		</div>
	</ui:define>
</ui:composition>
</html>